<!doctype html>
<html lang="en">

	<head>

		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="Author" content="Yvette Lau">
		<meta name="viewport" content="width = device-width, initial-scale =1">
		<title>demo</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body style="background-image: url(img/bg.jpg); background-size: cover;-moz-background-size: cover;background-position-y: 23%;">
		<div class="xzk">
			<div class="top">
				<img src="img/top.jpg"/>
			</div>
			<div>
				
			
			<div class="flex-container">
				<div class="flex-item xk1">学科1</div>
				<div class="flex-item xk2">学科2</div>
			</div>
			<div class="flex-container2">
				<div class="flex-item xk3">学科3</div>
				<div class="flex-item xk4">学科4</div>
			</div>
			<div class="flex-container3">
				<div class="flex-item xk5">学科5</div>
				<div class="flex-item xk6">学科6</div>
			</div>
			<div class="flex-container4">
				<div class="flex-item xk7">学科7</div>
				<!--<div class="flex-item">学科1</div>-->
			</div>
			</div>
			<div class="xk1-inp">
				<h3>学科1</h3>
				<div class="flex-container5">
				<div class="flex-item1"><a href="list1.html">查简章</a></div>
				<div class="flex-item1"><a href="list2.html">选模块</a></div>
				<div class="flex-item1"><a href="xq.html">看老师</a></div>
			</div>
			<div class="xk1-close">
				×
			</div>
			</div>
		</div>
	</body>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/style.js" type="text/javascript" charset="utf-8"></script>

</html>